resources/lib/oojs-ui/oojs-ui-apex.css

   1 /*!
   2  * OOjs UI v0.1.0-pre (98e770ce46)
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2014 OOjs Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2014-09-26T22:57:14Z
  10  */
  11 /*
  12  * Blank theme mixins.
  13  *
  14  * Base styles invoke these mixins at the end of their definitions. Override these mixins to add
  15  * additional rules to the base styles.
  16  */
  17 /*
  18  * Base styles.
  19  *
  20  * Themes should include this file after defining their variables and mixins.
  21  */
  22 /* @noflip */
  23 .oo-ui-rtl {
  24         direction: rtl;
  25 }
  26 /* @noflip */
  27 .oo-ui-ltr {
  28         direction: ltr;
  29 }
  30 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  31         cursor: pointer;
  32         display: inline-block;
  33         vertical-align: middle;
  34         -webkit-touch-callout: none;
  35         -webkit-user-select: none;
  36            -moz-user-select: none;
  37             -ms-user-select: none;
  38                 user-select: none;
  39 }
  40 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  41         display: none;
  42 }
  43 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  44         display: none;
  45 }
  46 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  47         cursor: default;
  48 }
  49 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  50 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  51         display: inline-block;
  52         vertical-align: middle;
  53         background-position: center center;
  54         background-repeat: no-repeat;
  55 }
  56 .oo-ui-buttonElement-frameless {
  57         display: inline-block;
  58         position: relative;
  59 }
  60 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  61         display: inline-block;
  62         vertical-align: middle;
  63 }
  64 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  65         display: inline-block;
  66         vertical-align: top;
  67         text-align: center;
  68 }
  69 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  70         display: inline-block;
  71         vertical-align: middle;
  72 }
  73 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
  74 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  75 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  76         cursor: default;
  77 }
  78 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  79         color: #333333;
  80 }
  81 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  82         margin-left: 0;
  83 }
  84 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  85         margin-right: -0.75em;
  86 }
  87 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  88 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  89         opacity: 0.8;
  90         width: 1.9em;
  91         height: 1.9em;
  92 }
  93 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  94         /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
  95         /*.oo-ui-transition(opacity 200ms);*/
  96 }
  97 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  98 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
  99         opacity: 1;
 100 }
 101 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
 102 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
 103         color: #000000;
 104 }
 105 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 106         color: #333333;
 107         margin-left: 0.25em;
 108 }
 109 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 110         color: #087ecc;
 111 }
 112 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 113         color: #76ab36;
 114 }
 115 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 116         color: #d45353;
 117 }
 118 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 119         opacity: 0.2;
 120 }
 121 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 122         color: #cccccc;
 123 }
 124 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 125         margin: 0.1em 0;
 126         padding: 0.2em 0.8em;
 127         border-radius: 0.3em;
 128         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 129         border: 1px #c9c9c9 solid;
 130         -webkit-transition: border-color 100ms ease-in-out;
 131            -moz-transition: border-color 100ms ease-in-out;
 132             -ms-transition: border-color 100ms ease-in-out;
 133              -o-transition: border-color 100ms ease-in-out;
 134                 transition: border-color 100ms ease-in-out;
 135         background: #eeeeee;
 136         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
 137         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
 138         background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 139         background-image:    -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 140         background-image:     -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 141         background-image:      -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
 142         background-image:         linear-gradient(top, #ffffff 0%, #dddddd 100%);
 143 }
 144 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
 145 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
 146         border-color: #aaaaaa;
 147 }
 148 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 149         line-height: 1.9em;
 150 }
 151 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 152 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 153         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 154         color: black;
 155         border-color: #c9c9c9;
 156         background: #eeeeee;
 157         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
 158         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
 159         background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 160         background-image:    -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 161         background-image:     -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 162         background-image:      -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
 163         background-image:         linear-gradient(top, #dddddd 0%, #ffffff 100%);
 164 }
 165 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 166         margin-left: -0.5em;
 167         margin-right: -0.5em;
 168 }
 169 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 170         margin-left: -0.5em;
 171         margin-right: 0.3em;
 172 }
 173 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button {
 174         border: solid 1px #a6cee1;
 175         background: #cde7f4;
 176         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
 177         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
 178         background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 179         background-image:    -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 180         background-image:     -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 181         background-image:      -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 182         background-image:         linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
 183 }
 184 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover,
 185 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus {
 186         border-color: #9dc2d4;
 187 }
 188 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 189 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 190         border: solid 1px #a6cee1;
 191         background: #cde7f4;
 192         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
 193         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
 194         background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 195         background-image:    -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 196         background-image:     -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 197         background-image:      -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 198         background-image:         linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
 199 }
 200 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 201         border: solid 1px #b8d892;
 202         background: #daf0be;
 203         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a');
 204         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a));
 205         background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 206         background-image:    -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 207         background-image:     -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 208         background-image:      -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 209         background-image:         linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
 210 }
 211 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
 212 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
 213         border-color: #adcb89;
 214 }
 215 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 216 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 217         border: solid 1px #b8d892;
 218         background: #daf0be;
 219         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1');
 220         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1));
 221         background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 222         background-image:    -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 223         background-image:     -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 224         background-image:      -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 225         background-image:         linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
 226 }
 227 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 228         color: #d45353;
 229 }
 230 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
 231 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
 232 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 233         opacity: 0.5;
 234         box-shadow: none;
 235         color: #333333;
 236         background: #eeeeee;
 237         border-color: #cccccc;
 238 }
 239 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
 240 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
 241 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
 242 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
 243 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
 244 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
 245         border-color: #cccccc;
 246         box-shadow: none;
 247 }
 248 .oo-ui-clippableElement-clippable {
 249         -webkit-box-sizing: border-box;
 250            -moz-box-sizing: border-box;
 251                 box-sizing: border-box;
 252 }
 253 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
 254         overflow-y: hidden;
 255 }
 256 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 257         width: 100%;
 258         -webkit-box-sizing: border-box;
 259            -moz-box-sizing: border-box;
 260                 box-sizing: border-box;
 261 }
 262 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
 263         overflow-y: auto;
 264 }
 265 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
 266         padding: 2em;
 267 }
 268 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
 269         position: absolute;
 270         top: 0;
 271         left: 0;
 272         right: 0;
 273         bottom: 3em;
 274         overflow-y: auto;
 275 }
 276 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
 277         position: absolute;
 278         bottom: 0;
 279         left: 0;
 280         right: 0;
 281 }
 282 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 283         padding: 1.5em;
 284 }
 285 .oo-ui-bookletLayout-outlinePanel {
 286         border-right: solid 1px #dddddd;
 287 }
 288 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
 289         box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
 290 }
 291 .oo-ui-fieldLayout {
 292         margin-bottom: 1em;
 293 }
 294 .oo-ui-fieldLayout:before,
 295 .oo-ui-fieldLayout:after {
 296         content: " ";
 297         display: table;
 298 }
 299 .oo-ui-fieldLayout:after {
 300         clear: both;
 301 }
 302 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
 303 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
 304         display: block;
 305         float: left;
 306 }
 307 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
 308 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
 309         display: block;
 310         float: left;
 311 }
 312 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
 313         text-align: right;
 314 }
 315 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
 316         display: inline-block;
 317         vertical-align: middle;
 318 }
 319 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
 320         display: inline-block;
 321         vertical-align: middle;
 322 }
 323 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
 324         display: inline-block;
 325 }
 326 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 327         z-index: 1;
 328 }
 329 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
 330         float: right;
 331 }
 332 .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content {
 333         padding: 0.5em 0.75em;
 334 }
 335 .oo-ui-fieldLayout:last-child {
 336         margin-bottom: 0;
 337 }
 338 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
 339 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
 340         padding-top: 0.5em;
 341         margin-right: 5%;
 342         width: 35%;
 343 }
 344 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
 345 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
 346         width: 60%;
 347 }
 348 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
 349         padding: 0.75em 0.5em 0.5em 0.5em;
 350 }
 351 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
 352         padding: 0.5em 0;
 353 }
 354 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
 355         padding: 0.5em 0;
 356 }
 357 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 358         margin-top: 0.25em;
 359 }
 360 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
 361         color: #cccccc;
 362 }
 363 .oo-ui-fieldsetLayout {
 364         position: relative;
 365         margin: 0;
 366         padding: 0;
 367         border: none;
 368 }
 369 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 370         display: block;
 371         position: absolute;
 372         background-position: center center;
 373         background-repeat: no-repeat;
 374 }
 375 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 376         display: inline-block;
 377 }
 378 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
 379         margin-top: 2em;
 380 }
 381 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
 382         font-size: 1.5em;
 383         margin-bottom: 0.5em;
 384         padding: 0.25em 0;
 385 }
 386 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 387         padding-left: 1.75em;
 388         line-height: 1.33em;
 389 }
 390 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 391         left: 0;
 392         top: 0.25em;
 393         width: 2em;
 394         height: 2em;
 395 }
 396 .oo-ui-gridLayout {
 397         position: absolute;
 398         top: 0;
 399         left: 0;
 400         right: 0;
 401         bottom: 0;
 402 }
 403 .oo-ui-panelLayout {
 404         position: relative;
 405 }
 406 .oo-ui-panelLayout-scrollable {
 407         overflow-y: auto;
 408 }
 409 .oo-ui-panelLayout-expanded {
 410         position: absolute;
 411         top: 0;
 412         left: 0;
 413         right: 0;
 414         bottom: 0;
 415 }
 416 .oo-ui-panelLayout-padded {
 417         padding: 1.25em;
 418 }
 419 .oo-ui-stackLayout > .oo-ui-panelLayout {
 420         display: none;
 421 }
 422 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 423         display: block;
 424         position: relative;
 425 }
 426 .oo-ui-popupTool .oo-ui-popupWidget-popup,
 427 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
 428         z-index: 4;
 429 }
 430 .oo-ui-popupTool .oo-ui-popupWidget {
 431         margin-left: 1.25em;
 432         font-size: 0.8em;
 433 }
 434 .oo-ui-toolGroup {
 435         display: inline-block;
 436         vertical-align: middle;
 437         margin: 0.3em;
 438         border-radius: 0.25em;
 439         border: solid 1px transparent;
 440         -webkit-transition: border-color 300ms ease-in-out;
 441            -moz-transition: border-color 300ms ease-in-out;
 442             -ms-transition: border-color 300ms ease-in-out;
 443              -o-transition: border-color 300ms ease-in-out;
 444                 transition: border-color 300ms ease-in-out;
 445 }
 446 .oo-ui-toolGroup-empty {
 447         display: none;
 448 }
 449 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 450         background-position: center center;
 451         background-repeat: no-repeat;
 452 }
 453 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
 454         border-color: rgba(0, 0, 0, 0.1);
 455 }
 456 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 457         color: #000000;
 458 }
 459 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
 460 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
 461         display: none;
 462 }
 463 .oo-ui-barToolGroup .oo-ui-tool {
 464         display: inline-block;
 465         position: relative;
 466         vertical-align: top;
 467 }
 468 .oo-ui-barToolGroup .oo-ui-tool-link {
 469         display: block;
 470 }
 471 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 472         display: block;
 473 }
 474 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 475         display: none;
 476 }
 477 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 478         cursor: default;
 479 }
 480 .oo-ui-barToolGroup .oo-ui-tool-title,
 481 .oo-ui-barToolGroup .oo-ui-tool-accel {
 482         display: none;
 483 }
 484 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
 485         cursor: pointer;
 486 }
 487 .oo-ui-barToolGroup .oo-ui-tool {
 488         margin: -1px 0 -1px -1px;
 489         border: solid 1px transparent;
 490 }
 491 .oo-ui-barToolGroup .oo-ui-tool:first-child {
 492         border-top-left-radius: 0.25em;
 493         border-bottom-left-radius: 0.25em;
 494 }
 495 .oo-ui-barToolGroup .oo-ui-tool:last-child {
 496         margin-right: -1px;
 497         border-top-right-radius: 0.25em;
 498         border-bottom-right-radius: 0.25em;
 499 }
 500 .oo-ui-barToolGroup .oo-ui-tool-link {
 501         height: 1.5em;
 502         padding: 0.25em;
 503 }
 504 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 505         height: 1.5em;
 506         width: 1.5em;
 507         opacity: 0.8;
 508 }
 509 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
 510         border-color: rgba(0, 0, 0, 0.2);
 511 }
 512 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
 513         border-color: rgba(0, 0, 0, 0.2);
 514         box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 515         background: #f8fbfd;
 516         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 517         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 518         background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 519         background-image:    -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 520         background-image:     -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 521         background-image:      -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 522         background-image:         linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 523 }
 524 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 525         border-left-color: rgba(0, 0, 0, 0.1);
 526 }
 527 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 528         opacity: 0.2;
 529 }
 530 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 531         opacity: 0.8;
 532 }
 533 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
 534         opacity: 1;
 535 }
 536 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 537         opacity: 0.2;
 538 }
 539 .oo-ui-popupToolGroup {
 540         position: relative;
 541         height: 2em;
 542         min-width: 2.5em;
 543 }
 544 .oo-ui-popupToolGroup-handle {
 545         display: block;
 546         cursor: pointer;
 547 }
 548 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 549 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 550         position: absolute;
 551         background-position: center center;
 552         background-repeat: no-repeat;
 553 }
 554 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 555         cursor: default;
 556 }
 557 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 558         display: none;
 559         position: absolute;
 560         z-index: 4;
 561 }
 562 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
 563         background-repeat: no-repeat;
 564         background-position: center center;
 565 }
 566 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
 567         display: block;
 568 }
 569 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
 570         left: 0;
 571 }
 572 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
 573         right: 0;
 574 }
 575 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 576         display: inline-block;
 577         vertical-align: middle;
 578 }
 579 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 580         display: inline-block;
 581         vertical-align: middle;
 582 }
 583 .oo-ui-popupToolGroup .oo-ui-tool-accel {
 584         display: none;
 585 }
 586 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 587         min-width: 3.5em;
 588 }
 589 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 590 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 591         top: 0;
 592         width: 2em;
 593         height: 2em;
 594         opacity: 0.8;
 595 }
 596 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 597         right: 0;
 598 }
 599 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 600         left: 0.25em;
 601 }
 602 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 603         line-height: 2.6em;
 604         font-size: 0.8em;
 605         margin: 0 1em;
 606 }
 607 .oo-ui-popupToolGroup-header {
 608         line-height: 2.6em;
 609         font-size: 0.8em;
 610         margin: 0 0.6em;
 611         font-weight: bold;
 612 }
 613 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
 614         border-bottom-left-radius: 0;
 615         border-bottom-right-radius: 0;
 616         box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 617         background: #f8fbfd;
 618         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 619         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 620         background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 621         background-image:    -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 622         background-image:     -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 623         background-image:      -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 624         background-image:         linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 625 }
 626 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 627         margin-left: 3em;
 628 }
 629 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 630         margin-right: 2.25em;
 631 }
 632 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 633         top: 2em;
 634         margin: 0 -1px;
 635         border: solid 1px #cccccc;
 636         background-color: white;
 637         box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
 638 }
 639 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 640         height: 2em;
 641         width: 2em;
 642         margin-right: 0.25em;
 643 }
 644 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 645         line-height: 2em;
 646         font-size: 0.8em;
 647 }
 648 .oo-ui-listToolGroup .oo-ui-tool {
 649         display: inline-block;
 650         width: 100%;
 651         -webkit-box-sizing: border-box;
 652            -moz-box-sizing: border-box;
 653                 box-sizing: border-box;
 654 }
 655 .oo-ui-listToolGroup .oo-ui-tool-link {
 656         display: block;
 657         cursor: pointer;
 658         white-space: nowrap;
 659 }
 660 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 661         cursor: default;
 662 }
 663 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
 664         padding: 0.25em;
 665 }
 666 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
 667         border-color: rgba(0, 0, 0, 0.2);
 668 }
 669 .oo-ui-listToolGroup .oo-ui-tool {
 670         border: solid 1px transparent;
 671         margin: -1px 0;
 672 }
 673 .oo-ui-listToolGroup .oo-ui-tool-link {
 674         padding-right: 0.5em;
 675 }
 676 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
 677         border-color: rgba(0, 0, 0, 0.1);
 678         box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
 679         background: #f8fbfd;
 680         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
 681         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
 682         background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 683         background-image:    -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 684         background-image:     -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 685         background-image:      -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 686         background-image:         linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
 687 }
 688 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 689         border-top-color: rgba(0, 0, 0, 0.1);
 690 }
 691 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 692         border-color: rgba(0, 0, 0, 0.2);
 693 }
 694 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
 695         border-color: rgba(0, 0, 0, 0.2);
 696 }
 697 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 698         opacity: 0.8;
 699 }
 700 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
 701         opacity: 1;
 702 }
 703 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 704         color: #cccccc;
 705 }
 706 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 707         opacity: 0.2;
 708 }
 709 .oo-ui-listToolGroup.oo-ui-widget-disabled {
 710         color: #cccccc;
 711 }
 712 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 713 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 714         opacity: 0.2;
 715 }
 716 .oo-ui-menuToolGroup {
 717         border-color: rgba(0, 0, 0, 0.1);
 718 }
 719 .oo-ui-menuToolGroup .oo-ui-tool {
 720         display: block;
 721 }
 722 .oo-ui-menuToolGroup .oo-ui-tool-link {
 723         display: block;
 724         cursor: pointer;
 725         white-space: nowrap;
 726 }
 727 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 728         background-image: none;
 729 }
 730 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
 731         background-image: /* @embed */ url(images/icons/check.svg);
 732 }
 733 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 734         cursor: default;
 735 }
 736 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 737         min-width: 8em;
 738 }
 739 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
 740         padding: 0.25em 0 0.25em 0;
 741 }
 742 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
 743         border-color: rgba(0, 0, 0, 0.2);
 744 }
 745 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
 746         border-color: rgba(0, 0, 0, 0.25);
 747 }
 748 .oo-ui-menuToolGroup .oo-ui-tool-link {
 749         padding: 0 1em 0 0.25em;
 750 }
 751 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
 752         background-color: #e1f3ff;
 753 }
 754 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 755         color: #cccccc;
 756 }
 757 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 758         opacity: 0.2;
 759 }
 760 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
 761         color: #cccccc;
 762         border-color: rgba(0, 0, 0, 0.05);
 763 }
 764 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 765 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 766         opacity: 0.2;
 767 }
 768 .oo-ui-toolbar {
 769         clear: both;
 770 }
 771 .oo-ui-toolbar-bar {
 772         line-height: 1em;
 773 }
 774 .oo-ui-toolbar-actions {
 775         float: right;
 776 }
 777 .oo-ui-toolbar-tools {
 778         display: inline;
 779 }
 780 .oo-ui-toolbar-tools,
 781 .oo-ui-toolbar-actions,
 782 .oo-ui-toolbar-shadow {
 783         -webkit-touch-callout: none;
 784         -webkit-user-select: none;
 785            -moz-user-select: none;
 786             -ms-user-select: none;
 787                 user-select: none;
 788 }
 789 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 790         -webkit-touch-callout: default;
 791         -webkit-user-select: all;
 792            -moz-user-select: all;
 793             -ms-user-select: all;
 794                 user-select: all;
 795 }
 796 .oo-ui-toolbar-shadow {
 797         background-position: left top;
 798         background-repeat: repeat-x;
 799         position: absolute;
 800         width: 100%;
 801         pointer-events: none;
 802 }
 803 .oo-ui-toolbar-bar {
 804         border-bottom: solid 1px #cccccc;
 805         background: #f8fbfd;
 806         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb');
 807         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb));
 808         background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 809         background-image:    -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 810         background-image:     -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 811         background-image:      -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 812         background-image:         linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
 813 }
 814 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 815         border: none;
 816         background: none;
 817 }
 818 .oo-ui-toolbar-shadow {
 819         background-image: /* @embed */ url(images/toolbar-shadow.png);
 820         bottom: -9px;
 821         height: 9px;
 822         opacity: 0.125;
 823         -webkit-transition: opacity 500ms ease-in-out;
 824            -moz-transition: opacity 500ms ease-in-out;
 825             -ms-transition: opacity 500ms ease-in-out;
 826              -o-transition: opacity 500ms ease-in-out;
 827                 transition: opacity 500ms ease-in-out;
 828 }
 829 .oo-ui-optionWidget {
 830         position: relative;
 831         display: block;
 832         cursor: pointer;
 833         padding: 0.5em 2em 0.5em 3em;
 834         border: none;
 835 }
 836 .oo-ui-optionWidget.oo-ui-widget-disabled {
 837         cursor: default;
 838 }
 839 .oo-ui-optionWidget .oo-ui-labelElement-label {
 840         display: block;
 841         white-space: nowrap;
 842         text-overflow: ellipsis;
 843         overflow: hidden;
 844 }
 845 .oo-ui-optionWidget-highlighted {
 846         background-color: #e1f3ff;
 847 }
 848 .oo-ui-optionWidget .oo-ui-labelElement-label {
 849         line-height: 1.5em;
 850 }
 851 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
 852         background-color: #a7dcff;
 853 }
 854 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
 855         background-color: #a7dcff;
 856 }
 857 .oo-ui-optionWidget.oo-ui-widget-disabled {
 858         color: #cccccc;
 859 }
 860 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 861 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 862         position: absolute;
 863         background-repeat: no-repeat;
 864         background-position: center center;
 865 }
 866 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 867 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 868         top: 50%;
 869         width: 2em;
 870         height: 2em;
 871         margin-top: -1em;
 872 }
 873 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
 874         left: 0.5em;
 875 }
 876 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 877         right: 0.5em;
 878 }
 879 .oo-ui-buttonSelectWidget {
 880         display: inline-block;
 881         white-space: nowrap;
 882         border-radius: 0.3em;
 883 }
 884 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 885         border-radius: 0;
 886         margin-left: -1px;
 887 }
 888 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 889         border-bottom-left-radius: 0.3em;
 890         border-top-left-radius: 0.3em;
 891         margin-left: 0;
 892 }
 893 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 894         border-bottom-right-radius: 0.3em;
 895         border-top-right-radius: 0.3em;
 896 }
 897 .oo-ui-buttonOptionWidget {
 898         display: inline-block;
 899         padding: 0;
 900         background-color: transparent;
 901 }
 902 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 903         position: relative;
 904 }
 905 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 906 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 907         position: static;
 908         display: inline-block;
 909         vertical-align: middle;
 910 }
 911 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 912         height: 1.9em;
 913 }
 914 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 915 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 916         height: 1.9em;
 917         margin-top: 0;
 918 }
 919 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
 920 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
 921 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
 922         background-color: transparent;
 923 }
 924 .oo-ui-labelWidget {
 925         display: inline-block;
 926         padding: 0.5em 0;
 927 }
 928 .oo-ui-iconWidget {
 929         display: inline-block;
 930         vertical-align: middle;
 931         background-position: center center;
 932         background-repeat: no-repeat;
 933         line-height: 2.5em;
 934         height: 1.9em;
 935         width: 1.9em;
 936         opacity: 0.8;
 937 }
 938 .oo-ui-iconWidget.oo-ui-widget-disabled {
 939         opacity: 0.2;
 940 }
 941 .oo-ui-indicatorWidget {
 942         display: inline-block;
 943         vertical-align: middle;
 944         background-position: center center;
 945         background-repeat: no-repeat;
 946         line-height: 2.5em;
 947         height: 1.9em;
 948         width: 1.9em;
 949         opacity: 0.8;
 950 }
 951 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 952         opacity: 0.2;
 953 }
 954 .oo-ui-buttonWidget {
 955         display: inline-block;
 956         vertical-align: middle;
 957 }
 958 .oo-ui-buttonGroupWidget {
 959         display: inline-block;
 960         white-space: nowrap;
 961         border-radius: 0.3em;
 962 }
 963 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 964         border-radius: 0;
 965         margin-bottom: -1px;
 966         margin-left: -1px;
 967 }
 968 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 969         border-bottom-left-radius: 0.3em;
 970         border-top-left-radius: 0.3em;
 971         margin-left: 0;
 972 }
 973 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 974         border-bottom-right-radius: 0.3em;
 975         border-top-right-radius: 0.3em;
 976 }
 977 .oo-ui-toggleSwitchWidget {
 978         position: relative;
 979         display: inline-block;
 980         vertical-align: middle;
 981         overflow: hidden;
 982         cursor: pointer;
 983         -webkit-box-sizing: border-box;
 984            -moz-box-sizing: border-box;
 985                 box-sizing: border-box;
 986         -webkit-transform: translateZ(0px);
 987            -moz-transform: translateZ(0px);
 988             -ms-transform: translateZ(0px);
 989              -o-transform: translateZ(0px);
 990                 transform: translateZ(0px);
 991         height: 2em;
 992         width: 4em;
 993         border-radius: 1em;
 994         box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
 995         border: solid 1px #cccccc;
 996         background: #eeeeee;
 997         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
 998         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
 999         background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1000         background-image:    -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1001         background-image:     -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1002         background-image:      -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1003         background-image:         linear-gradient(top, #dddddd 0%, #ffffff 100%);
1004 }
1005 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1006         cursor: default;
1007 }
1008 .oo-ui-toggleSwitchWidget-grip {
1009         position: absolute;
1010         display: block;
1011         -webkit-box-sizing: border-box;
1012            -moz-box-sizing: border-box;
1013                 box-sizing: border-box;
1014 }
1015 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1016         position: absolute;
1017         top: 0;
1018         bottom: 0;
1019         right: 0;
1020         left: 0;
1021         -webkit-touch-callout: none;
1022         -webkit-user-select: none;
1023            -moz-user-select: none;
1024             -ms-user-select: none;
1025                 user-select: none;
1026 }
1027 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1028         display: none;
1029 }
1030 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1031         opacity: 0.5;
1032 }
1033 .oo-ui-toggleSwitchWidget-grip {
1034         top: 0.25em;
1035         left: 0.25em;
1036         width: 1.5em;
1037         height: 1.5em;
1038         margin-top: -1px;
1039         border-radius: 1em;
1040         box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
1041         border: 1px #c9c9c9 solid;
1042         -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1043            -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1044             -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1045              -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1046                 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1047         background: #eeeeee;
1048         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
1049         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
1050         background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1051         background-image:    -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1052         background-image:     -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1053         background-image:      -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1054         background-image:         linear-gradient(top, #ffffff 0%, #dddddd 100%);
1055 }
1056 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
1057 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
1058         border-color: #aaaaaa;
1059 }
1060 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1061         border-radius: 1em;
1062         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
1063         -webkit-transition: opacity 200ms ease-in-out;
1064            -moz-transition: opacity 200ms ease-in-out;
1065             -ms-transition: opacity 200ms ease-in-out;
1066              -o-transition: opacity 200ms ease-in-out;
1067                 transition: opacity 200ms ease-in-out;
1068         background: #cde7f4;
1069         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
1070         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
1071         background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1072         background-image:    -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1073         background-image:     -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1074         background-image:      -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1075         background-image:         linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1076 }
1077 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1078         opacity: 1;
1079 }
1080 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1081         left: 2.25em;
1082         margin-left: -2px;
1083 }
1084 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1085         display: block;
1086         opacity: 0;
1087 }
1088 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1089         left: 0.25em;
1090         margin-left: 0;
1091 }
1092 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1093         background-image: /* @embed */ url(images/textures/pending.gif);
1094 }
1095 .oo-ui-popupWidget {
1096         position: absolute;
1097 }
1098 .oo-ui-popupWidget-popup {
1099         position: relative;
1100         overflow: hidden;
1101         z-index: 1;
1102 }
1103 .oo-ui-popupWidget-anchor {
1104         display: none;
1105         z-index: 1;
1106 }
1107 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1108         display: block;
1109         position: absolute;
1110         top: 0;
1111         background-repeat: no-repeat;
1112 }
1113 .oo-ui-popupWidget-head {
1114         -webkit-touch-callout: none;
1115         -webkit-user-select: none;
1116            -moz-user-select: none;
1117             -ms-user-select: none;
1118                 user-select: none;
1119 }
1120 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1121         float: right;
1122 }
1123 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1124         float: left;
1125         cursor: default;
1126 }
1127 .oo-ui-popupWidget-body {
1128         clear: both;
1129         overflow: hidden;
1130 }
1131 .oo-ui-popupWidget-popup {
1132         border: solid 1px #cccccc;
1133         border-radius: 0.25em;
1134         background-color: #ffffff;
1135         box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
1136 }
1137 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1138         margin-top: 7px;
1139 }
1140 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1141         width: 15px;
1142         height: 8px;
1143         margin-left: -7px;
1144         background-image: /* @embed */ url(images/anchor.svg);
1145 }
1146 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1147         -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1148            -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1149             -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1150              -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1151                 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1152 }
1153 .oo-ui-popupWidget-head {
1154         height: 2.5em;
1155 }
1156 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1157         margin: 0.25em;
1158 }
1159 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1160         margin: 0.75em 1em;
1161 }
1162 .oo-ui-popupWidget-body {
1163         box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1164 }
1165 .oo-ui-popupWidget-body-padded {
1166         padding: 0 1em;
1167 }
1168 .oo-ui-popupButtonWidget {
1169         position: relative;
1170 }
1171 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1172         position: absolute;
1173         left: 1em;
1174         cursor: auto;
1175 }
1176 .oo-ui-textInputWidget {
1177         position: relative;
1178         -webkit-box-sizing: border-box;
1179            -moz-box-sizing: border-box;
1180                 box-sizing: border-box;
1181         width: 20em;
1182 }
1183 .oo-ui-textInputWidget input,
1184 .oo-ui-textInputWidget textarea {
1185         display: inline-block;
1186         width: 100%;
1187         resize: none;
1188         -webkit-box-sizing: border-box;
1189            -moz-box-sizing: border-box;
1190                 box-sizing: border-box;
1191 }
1192 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1193 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1194         background-image: /* @embed */ url(images/textures/pending.gif);
1195 }
1196 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1197 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1198         position: absolute;
1199         top: 0;
1200         height: 100%;
1201         background-repeat: no-repeat;
1202         cursor: pointer;
1203         -webkit-touch-callout: none;
1204         -webkit-user-select: none;
1205            -moz-user-select: none;
1206             -ms-user-select: none;
1207                 user-select: none;
1208 }
1209 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1210         left: 0;
1211 }
1212 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1213         right: 0;
1214 }
1215 .oo-ui-textInputWidget input,
1216 .oo-ui-textInputWidget textarea {
1217         padding: 0.5em;
1218         font-size: 1em;
1219         font-family: sans-serif;
1220         background-color: #ffffff;
1221         border: solid 1px #cccccc;
1222         box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1223         border-radius: 0.25em;
1224         -webkit-transition: border-color 200ms, box-shadow 200ms;
1225            -moz-transition: border-color 200ms, box-shadow 200ms;
1226             -ms-transition: border-color 200ms, box-shadow 200ms;
1227              -o-transition: border-color 200ms, box-shadow 200ms;
1228                 transition: border-color 200ms, box-shadow 200ms;
1229 }
1230 .oo-ui-textInputWidget-decorated input,
1231 .oo-ui-textInputWidget-decorated textarea {
1232         padding-left: 2em;
1233 }
1234 .oo-ui-textInputWidget-icon {
1235         width: 2em;
1236 }
1237 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1238 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1239         outline: none;
1240         border-color: #a7dcff;
1241         box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
1242 }
1243 .oo-ui-textInputWidget input[readonly],
1244 .oo-ui-textInputWidget textarea[readonly] {
1245         color: #777777;
1246         text-shadow: 0 1px 1px #ffffff;
1247 }
1248 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1249 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1250         background-color: transparent;
1251 }
1252 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1253 .oo-ui-textInputWidget.oo-ui-widget-disabled input:focus,
1254 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea,
1255 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
1256         color: #cccccc;
1257         text-shadow: 0 1px 1px #ffffff;
1258         border-color: #dddddd;
1259         background-color: #f3f3f3;
1260 }
1261 .oo-ui-textInputWidget .oo-ui-iconElement-icon,
1262 .oo-ui-textInputWidget .oo-ui-indicatorElement-indicator {
1263         opacity: 0.8;
1264 }
1265 .oo-ui-textInputWidget.oo-ui-iconElement input,
1266 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1267         padding-left: 2em;
1268 }
1269 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1270         width: 2em;
1271         background-position: right center;
1272 }
1273 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1274 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1275         padding-right: 1.5em;
1276 }
1277 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1278         width: 1.5em;
1279         background-position: left center;
1280 }
1281 .oo-ui-menuWidget {
1282         position: absolute;
1283         background: #ffffff;
1284         margin-top: -1px;
1285         border: solid 1px #cccccc;
1286         border-radius: 0 0 0.25em 0.25em;
1287         box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1288 }
1289 .oo-ui-menuWidget input {
1290         position: absolute;
1291         width: 0;
1292         height: 0;
1293         overflow: hidden;
1294         opacity: 0;
1295 }
1296 .oo-ui-menuItemWidget {
1297         position: relative;
1298 }
1299 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
1300         display: none;
1301 }
1302 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
1303         background-color: transparent;
1304 }
1305 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1306         display: block;
1307 }
1308 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
1309         background-color: transparent;
1310 }
1311 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted,
1312 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1313         background-color: #e1f3ff;
1314 }
1315 .oo-ui-menuSectionItemWidget {
1316         cursor: default;
1317         padding: 0.33em 0.75em;
1318         color: #888888;
1319 }
1320 .oo-ui-inlineMenuWidget {
1321         position: relative;
1322         display: inline-block;
1323         margin: 0.25em 0;
1324         min-width: 20em;
1325 }
1326 .oo-ui-inlineMenuWidget-handle {
1327         width: 100%;
1328         display: inline-block;
1329         cursor: pointer;
1330         -webkit-touch-callout: none;
1331         -webkit-user-select: none;
1332            -moz-user-select: none;
1333             -ms-user-select: none;
1334                 user-select: none;
1335         -webkit-box-sizing: border-box;
1336            -moz-box-sizing: border-box;
1337                 box-sizing: border-box;
1338 }
1339 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
1340 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1341         position: absolute;
1342         background-position: center center;
1343         background-repeat: no-repeat;
1344 }
1345 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
1346         z-index: 1;
1347         width: 100%;
1348 }
1349 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
1350         cursor: default;
1351 }
1352 .oo-ui-inlineMenuWidget-handle {
1353         height: 2.5em;
1354         border: solid 1px rgba(0, 0, 0, 0.1);
1355         border-radius: 0.25em;
1356 }
1357 .oo-ui-inlineMenuWidget-handle:hover {
1358         border-color: rgba(0, 0, 0, 0.2);
1359 }
1360 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator {
1361         right: 0;
1362 }
1363 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1364         left: 0.25em;
1365 }
1366 .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1367         line-height: 2.5em;
1368         margin: 0 0.5em;
1369 }
1370 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
1371 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
1372         top: 0;
1373         width: 2.5em;
1374         height: 2.5em;
1375         opacity: 0.8;
1376 }
1377 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
1378         color: #cccccc;
1379         text-shadow: 0 1px 1px #ffffff;
1380         border-color: #dddddd;
1381         background-color: #f3f3f3;
1382 }
1383 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1384         opacity: 0.2;
1385 }
1386 .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1387         margin-left: 3em;
1388 }
1389 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
1390         margin-right: 2em;
1391 }
1392 .oo-ui-outlineItemWidget {
1393         position: relative;
1394         cursor: pointer;
1395         -webkit-touch-callout: none;
1396         -webkit-user-select: none;
1397            -moz-user-select: none;
1398             -ms-user-select: none;
1399                 user-select: none;
1400         font-size: 1.1em;
1401         padding: 0.75em;
1402 }
1403 .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1404         padding-right: 1.5em;
1405 }
1406 .oo-ui-outlineItemWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1407         opacity: 0.5;
1408 }
1409 .oo-ui-outlineItemWidget-level-0 {
1410         padding-left: 3.5em;
1411 }
1412 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconElement-icon {
1413         left: 1em;
1414 }
1415 .oo-ui-outlineItemWidget-level-1 {
1416         padding-left: 5em;
1417 }
1418 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconElement-icon {
1419         left: 2.5em;
1420 }
1421 .oo-ui-outlineItemWidget-level-2 {
1422         padding-left: 6.5em;
1423 }
1424 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconElement-icon {
1425         left: 4em;
1426 }
1427 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
1428         background-color: #a7dcff;
1429         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
1430 }
1431 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-important {
1432         font-weight: bold;
1433 }
1434 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-placeholder {
1435         font-style: italic;
1436 }
1437 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1438         opacity: 0.5;
1439 }
1440 .oo-ui-outlineItemWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1441         color: #777777;
1442 }
1443 .oo-ui-outlineControlsWidget {
1444         height: 3em;
1445         background-color: #ffffff;
1446 }
1447 .oo-ui-outlineControlsWidget-items,
1448 .oo-ui-outlineControlsWidget-movers {
1449         float: left;
1450         -webkit-box-sizing: border-box;
1451            -moz-box-sizing: border-box;
1452                 box-sizing: border-box;
1453 }
1454 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1455         float: left;
1456         background-position: right center;
1457         background-repeat: no-repeat;
1458 }
1459 .oo-ui-outlineControlsWidget-items {
1460         float: left;
1461 }
1462 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1463         float: left;
1464 }
1465 .oo-ui-outlineControlsWidget-movers {
1466         float: right;
1467 }
1468 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1469         float: right;
1470 }
1471 .oo-ui-outlineControlsWidget-items,
1472 .oo-ui-outlineControlsWidget-movers {
1473         height: 2em;
1474         margin: 0.5em;
1475         padding: 0;
1476 }
1477 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1478         width: 1.5em;
1479         height: 2em;
1480         margin: 0.5em 0 0.5em 0.5em;
1481         opacity: 0.2;
1482 }
1483 .oo-ui-outlineControlsWidget-items {
1484         margin-left: 0;
1485 }
1486 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1487         z-index: 1;
1488         min-width: 20em;
1489 }
1490 .oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle {
1491         border: solid 1px rgba(0, 0, 0, 0.1);
1492         border-radius: 0.25em;
1493 }
1494 .oo-ui-comboBoxWidget > .oo-ui-selectWidget-handle:hover {
1495         border-color: rgba(0, 0, 0, 0.2);
1496 }
1497 .oo-ui-comboBoxWidget > .oo-ui-selectWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
1498 .oo-ui-comboBoxWidget > .oo-ui-selectWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1499         cursor: default;
1500         opacity: 0.2;
1501 }
1502 .oo-ui-searchWidget-query {
1503         position: absolute;
1504         top: 0;
1505         left: 0;
1506         right: 0;
1507 }
1508 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1509         width: 100%;
1510 }
1511 .oo-ui-searchWidget-results {
1512         position: absolute;
1513         bottom: 0;
1514         left: 0;
1515         right: 0;
1516         overflow-x: hidden;
1517         overflow-y: auto;
1518 }
1519 .oo-ui-searchWidget-query {
1520         height: 4em;
1521         padding: 0 1em;
1522         box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
1523 }
1524 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1525         margin: 0.75em 0;
1526 }
1527 .oo-ui-searchWidget-results {
1528         top: 4em;
1529         padding: 1em;
1530         line-height: 0;
1531 }
1532 .oo-ui-window {
1533         line-height: 1em;
1534         /* Content div takes focus when opened, so hide outline */
1535 }
1536 .oo-ui-window-frame {
1537         -webkit-box-sizing: border-box;
1538            -moz-box-sizing: border-box;
1539                 box-sizing: border-box;
1540 }
1541 .oo-ui-window-frame > iframe {
1542         width: 100%;
1543         height: 100%;
1544         margin: 0;
1545         padding: 0;
1546 }
1547 .oo-ui-window-content:focus {
1548         outline: none;
1549 }
1550 .oo-ui-window-head,
1551 .oo-ui-window-foot {
1552         -webkit-touch-callout: none;
1553         -webkit-user-select: none;
1554            -moz-user-select: none;
1555             -ms-user-select: none;
1556                 user-select: none;
1557 }
1558 .oo-ui-window-body {
1559         margin: 0;
1560         padding: 0;
1561         background: none;
1562 }
1563 .oo-ui-window-overlay {
1564         position: absolute;
1565         top: 0;
1566         left: 0;
1567 }
1568 .oo-ui-window-isolated {
1569         background-color: transparent;
1570         background-image: none;
1571         font-family: sans-serif;
1572         font-size: 0.8em;
1573 }
1574 .oo-ui-dialog-content > .oo-ui-window-head,
1575 .oo-ui-dialog-content > .oo-ui-window-body,
1576 .oo-ui-dialog-content > .oo-ui-window-foot {
1577         position: absolute;
1578         left: 0;
1579         right: 0;
1580         overflow: hidden;
1581         -webkit-box-sizing: border-box;
1582            -moz-box-sizing: border-box;
1583                 box-sizing: border-box;
1584 }
1585 .oo-ui-dialog-content > .oo-ui-window-head {
1586         z-index: 1;
1587         top: 0;
1588 }
1589 .oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending {
1590         background-image: /* @embed */ url(images/textures/pending.gif);
1591 }
1592 .oo-ui-dialog-content > .oo-ui-window-body {
1593         z-index: 2;
1594         top: 0;
1595         bottom: 0;
1596 }
1597 .oo-ui-dialog-content > .oo-ui-window-foot {
1598         z-index: 1;
1599         bottom: 0;
1600 }
1601 .oo-ui-dialog-content > .oo-ui-window-overlay {
1602         z-index: 3;
1603 }
1604 .oo-ui-dialog-content > .oo-ui-window-body {
1605         box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1606 }
1607 .oo-ui-messageDialog-actions-horizontal {
1608         display: table;
1609         table-layout: fixed;
1610         width: 100%;
1611 }
1612 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1613         display: table-cell;
1614         width: 1%;
1615 }
1616 .oo-ui-messageDialog-actions-vertical {
1617         display: block;
1618 }
1619 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1620         display: block;
1621         overflow: hidden;
1622         text-overflow: ellipsis;
1623 }
1624 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1625         position: relative;
1626         text-align: center;
1627 }
1628 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1629         display: block;
1630 }
1631 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1632         position: relative;
1633         top: auto;
1634         bottom: auto;
1635         display: inline;
1636         white-space: nowrap;
1637 }
1638 .oo-ui-messageDialog-content .oo-ui-window-body {
1639         box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1640 }
1641 .oo-ui-messageDialog-title,
1642 .oo-ui-messageDialog-message {
1643         display: block;
1644         text-align: center;
1645         padding-top: 0.5em;
1646 }
1647 .oo-ui-messageDialog-title {
1648         font-size: 1.5em;
1649         line-height: 1em;
1650         color: #000000;
1651 }
1652 .oo-ui-messageDialog-message {
1653         font-size: 0.9em;
1654         line-height: 1.25em;
1655         color: #666666;
1656 }
1657 .oo-ui-messageDialog-message-verbose {
1658         font-size: 1.1em;
1659         line-height: 1.5em;
1660         text-align: left;
1661 }
1662 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1663         border-right: solid 1px #e5e5e5;
1664 }
1665 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1666         border-right-width: 0;
1667 }
1668 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1669         border-bottom: solid 1px #e5e5e5;
1670 }
1671 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1672         border-bottom-width: 0;
1673 }
1674 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1675         text-align: center;
1676         line-height: 3.4em;
1677         padding: 0 2em;
1678 }
1679 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1680         background-color: rgba(0, 0, 0, 0.05);
1681 }
1682 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1683         background-color: rgba(0, 0, 0, 0.1);
1684 }
1685 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1686         background-color: rgba(8, 126, 204, 0.05);
1687 }
1688 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1689         background-color: rgba(8, 126, 204, 0.1);
1690 }
1691 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1692         font-weight: bold;
1693 }
1694 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1695         background-color: rgba(118, 171, 54, 0.05);
1696 }
1697 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1698         background-color: rgba(118, 171, 54, 0.1);
1699 }
1700 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1701         background-color: rgba(212, 83, 83, 0.05);
1702 }
1703 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1704         background-color: rgba(212, 83, 83, 0.1);
1705 }
1706 .oo-ui-processDialog-location {
1707         overflow: hidden;
1708         text-overflow: ellipsis;
1709         white-space: nowrap;
1710 }
1711 .oo-ui-processDialog-title {
1712         display: inline;
1713         padding: 0;
1714 }
1715 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1716 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1717 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1718         white-space: nowrap;
1719 }
1720 .oo-ui-processDialog-actions-safe,
1721 .oo-ui-processDialog-actions-primary {
1722         position: absolute;
1723         top: 0;
1724         bottom: 0;
1725 }
1726 .oo-ui-processDialog-actions-safe {
1727         left: 0;
1728 }
1729 .oo-ui-processDialog-actions-primary {
1730         right: 0;
1731 }
1732 .oo-ui-processDialog-errors {
1733         display: none;
1734         position: absolute;
1735         top: 0;
1736         left: 0;
1737         right: 0;
1738         bottom: 0;
1739         z-index: 2;
1740         overflow-x: hidden;
1741         overflow-y: auto;
1742 }
1743 .oo-ui-processDialog-content .oo-ui-window-head {
1744         height: 3.4em;
1745 }
1746 .oo-ui-processDialog-content .oo-ui-window-body {
1747         top: 3.4em;
1748         box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1749 }
1750 .oo-ui-processDialog-navigation {
1751         position: relative;
1752         height: 3.4em;
1753         padding: 0 1em;
1754 }
1755 .oo-ui-processDialog-location {
1756         padding: 0.75em 0;
1757         height: 1.9em;
1758         cursor: default;
1759         text-align: center;
1760 }
1761 .oo-ui-processDialog-title {
1762         font-weight: bold;
1763         line-height: 1.9em;
1764 }
1765 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1766 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1767 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1768         padding-top: 0.75em;
1769         padding-bottom: 0.75em;
1770         min-width: 1.9em;
1771         min-height: 1.9em;
1772 }
1773 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1774 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1775 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1776         line-height: 1.9em;
1777         padding: 0 1em;
1778 }
1779 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon,
1780 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon,
1781 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1782         position: absolute;
1783         margin-top: -0.125em;
1784 }
1785 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1786 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1787 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1788         margin: 0.75em 0 0.75em 0.75em;
1789 }
1790 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1791 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1792 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1793         padding: 0;
1794         vertical-align: middle;
1795 }
1796 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
1797 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
1798         background-color: rgba(0, 0, 0, 0.05);
1799 }
1800 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
1801 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
1802         background-color: rgba(0, 0, 0, 0.1);
1803 }
1804 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1805 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1806         margin: 0.75em;
1807 }
1808 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1809 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1810         /* Adjust for border so text aligns with title */
1811         margin: -1px;
1812 }
1813 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover,
1814 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1815         background-color: rgba(8, 126, 204, 0.05);
1816 }
1817 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active,
1818 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1819         background-color: rgba(8, 126, 204, 0.1);
1820 }
1821 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1822 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1823         font-weight: bold;
1824 }
1825 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
1826 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1827         background-color: rgba(118, 171, 54, 0.05);
1828 }
1829 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
1830 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1831         background-color: rgba(118, 171, 54, 0.1);
1832 }
1833 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
1834 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1835         background-color: rgba(212, 83, 83, 0.05);
1836 }
1837 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
1838 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1839         background-color: rgba(212, 83, 83, 0.1);
1840 }
1841 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1842         left: 0.5em;
1843 }
1844 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1845         padding-left: 2.25em;
1846 }
1847 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1848         right: 0.5em;
1849 }
1850 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1851         padding-right: 2.25em;
1852 }
1853 .oo-ui-processDialog > .oo-ui-window-frame {
1854         min-height: 5em;
1855 }
1856 .oo-ui-processDialog-errors {
1857         background-color: rgba(255, 255, 255, 0.9);
1858         padding: 3em 3em 1.5em 3em;
1859         text-align: center;
1860 }
1861 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
1862         margin: 2em 1em 2em 1em;
1863 }
1864 .oo-ui-processDialog-errors-title {
1865         font-size: 1.5em;
1866         color: #000000;
1867         margin-bottom: 2em;
1868 }
1869 .oo-ui-processDialog-error {
1870         text-align: left;
1871         margin: 1em;
1872         padding: 1em;
1873         border: solid 1px #ff9e9e;
1874         background-color: #fff7f7;
1875         border-radius: 0.25em;
1876 }
1877 .oo-ui-windowManager-modal > .oo-ui-dialog {
1878         position: fixed;
1879         width: 0;
1880         height: 0;
1881         overflow: hidden;
1882 }
1883 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
1884         width: auto;
1885         height: auto;
1886         top: 0;
1887         right: 0;
1888         bottom: 0;
1889         left: 0;
1890         padding: 1em;
1891 }
1892 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
1893         position: absolute;
1894         right: 0;
1895         left: 0;
1896         margin: auto;
1897         overflow: hidden;
1898         max-width: 100%;
1899         max-height: 100%;
1900 }
1901 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
1902         width: 100%;
1903         height: 100%;
1904 }
1905 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
1906         width: 100%;
1907         height: 100%;
1908         top: 0;
1909         bottom: 0;
1910 }
1911 .oo-ui-windowManager-modal > .oo-ui-dialog {
1912         background-color: rgba(255, 255, 255, 0.5);
1913         opacity: 0;
1914         -webkit-transition: opacity 250ms ease-in-out;
1915            -moz-transition: opacity 250ms ease-in-out;
1916             -ms-transition: opacity 250ms ease-in-out;
1917              -o-transition: opacity 250ms ease-in-out;
1918                 transition: opacity 250ms ease-in-out;
1919 }
1920 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
1921         top: 1em;
1922         bottom: 1em;
1923         background-color: #ffffff;
1924         -webkit-transform: scale(0.5);
1925            -moz-transform: scale(0.5);
1926             -ms-transform: scale(0.5);
1927              -o-transform: scale(0.5);
1928                 transform: scale(0.5);
1929         -webkit-transition: all 250ms ease-in-out;
1930            -moz-transition: all 250ms ease-in-out;
1931             -ms-transition: all 250ms ease-in-out;
1932              -o-transition: all 250ms ease-in-out;
1933                 transition: all 250ms ease-in-out;
1934 }
1935 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
1936         opacity: 1;
1937 }
1938 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
1939         -webkit-transform: scale(1);
1940            -moz-transform: scale(1);
1941             -ms-transform: scale(1);
1942              -o-transform: scale(1);
1943                 transform: scale(1);
1944 }
1945 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
1946         border: solid 1px #cccccc;
1947         border-radius: 0.5em;
1948         box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
1949 }